   {:mixins [mx/static mx/reactive]}
   [own menu]
   (let [{:keys [id metadata] :as page} (mx/react page-ref)
-        {:keys [width height background] :as metadata} metadata]
+        metadata (merge c/page-metadata metadata)]
     (letfn [(on-width-change []
               (when-let [value (-> (mx/ref-node own "width")
                                    (dom/get-value)

        [:span "Background color"]
        [:div.row-flex.color-data
         [:span.color-th
          {:style {:background-color (or background "#ffffff")}
           :on-click show-color-picker}]
         [:div.color-info
          [:input
           {:on-change on-color-change
            :ref "color"
            :value (or background "#ffffff")}]]]]])))

(mx/defcs grid-options-menu
  {:mixins [mx/static mx/reactive]}
  [own menu]
  (let [{:keys [id metadata] :as page} (mx/react page-ref)]
    (letfn [(on-x-change []
              (when-let [value (-> (mx/ref-node own "x-axis")
                                   (dom/get-value)

  (:require [lentes.core :as l]
            [potok.core :as ptk]
            [uxbox.store :as st]
            [uxbox.main.constants :as c]
            [uxbox.main.data.pages :as udp]
            [uxbox.main.data.workspace :as udw]
            [uxbox.main.data.lightbox :as udl]
