No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search
    1. Home
    2. adi_dragomir
    A
    • Profile
    • Following 0
    • Followers 0
    • Topics 3
    • Posts 6
    • Best 0
    • Groups 0

    adi_dragomir

    @adi_dragomir

    0
    Reputation
    1
    Profile views
    6
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    adi_dragomir Follow

    Latest posts made by adi_dragomir

    • Quasar v2 Meta plugin reactive meta props

      Hi,
      I create a brand new Quasar app v2.0.0-beta.9 with Meta plugin.
      I followed the Reactive example for 2 simple pages: index.vue and test. vue.
      Here there are the relevant script part for each page:

      1. index. vue

      setup() {
      const title = ref(“First page”); // we define the “title” prop
      const myDescription = ref({
      name: “description”,
      content: “First page quasar app”,
      });
      useMeta(() => {
      return {
      // whenever “title” from above changes, your meta will automatically update
      title: title.value,
      meta: {
      myKey: myDescription.value,
      },
      };
      });
      return {};
      },

      1. test.vue:

      setup() {
      const title = ref(“Test”); // we define the “title” prop
      const myDescription = ref({
      name: “description”,
      content:
      “Second page quasar app”,
      });
      useMeta(() => {
      return {
      title: title.value,
      meta: {
      myKey: myDescription.value,
      },
      };
      });
      return {};
      },

      The result is the title meta prop is always updated, but the description meta prop is not updated. Instead, it is added a new meta prop with the same name description like this:

      <meta name=“description” content=“A Quasar Framework app”>

      <meta name=“description” content=“First page quasar app” data-qmeta=“myKey”>

      Is this correct? I expected to be just one meta prop with the same name.

      Thank you very much for any help.

      posted in Framework
      A
      adi_dragomir
    • RE: QCard with media content does not accommodate the text lenght

      Thank you very much, that was the solution !

      posted in Framework
      A
      adi_dragomir
    • QCard with media content does not accommodate the text lenght

      Hi,
      I tried to reroduce the QCard with media content example with a longer text:

      <q-card class=“my-card”>
      <q-img src=“https://cdn.quasar.dev/img/parallax2.jpg”>
      <div class=“absolute-top text-center”>
      <div>First column</div>
      <div>Second column</div>
      <div>Third column</div>
      <div>2First column</div>
      <div>Second column</div>
      <div>Third column</div>
      <div>3First column</div>
      <div>Second column</div>
      <div>Third column</div>
      <div>4First column</div>
      <div>Second column</div>
      <div>Third column</div>
      <div>5First column</div>
      <div>Second column</div>
      <div>Third column</div>
      </div>
      </q-img>
      </q-card>

      Unfortunately not all the text is displayed and I do not know what to do to fix it.

      Thank you for your help.

      Adrian

      posted in Framework
      A
      adi_dragomir
    • RE: QTab size

      Yes, you are right.
      Thank you.

      posted in Framework
      A
      adi_dragomir
    • RE: QTab size

      Unfortunately it made no difference

      posted in Framework
      A
      adi_dragomir
    • QTab size

      Can we modify the size or the font-size for a q-tab? For example

      <q-tabs
      v-model=“tab”
      class=“text-teal size”
      >
      <q-tab name=“mails” icon=“mail” label=“Mails” />
      <q-tab name=“alarms” icon=“alarm” label=“Alarms” />
      <q-tab name=“movies” icon=“movie” label=“Movies” />
      </q-tabs>

      <style scoped>
      .size {
      font-size: 1.3em;
      }
      </style>

      posted in Framework
      A
      adi_dragomir